<!--<div class="form-group clearfix">-->
<!--<div class="form-inline pull-left">-->
<!--<button type="button" class="btn"-->
<!--[ngClass]="{'btn-success': apply_status === '','btn-default': apply_status !== ''}"-->
<!--(click)="apply_status='';clearSearch();">全部-->
<!--</button>-->
<!--<button type="button" class="btn"-->
<!--[ngClass]="{'btn-success': apply_status === '0','btn-default': apply_status !== '0'}"-->
<!--(click)="apply_status='0';clearSearch();">待审核-->
<!--</button>-->
<!--<button type="button" class="btn"-->
<!--[ngClass]="{'btn-success': apply_status === '-1','btn-default': apply_status !== '-1'}"-->
<!--(click)="apply_status='-1';clearSearch();">未通过-->
<!--</button>-->
<!--<button type="button" class="btn"-->
<!--[ngClass]="{'btn-success': apply_status == '1','btn-default': apply_status !== '1'}"-->
<!--(click)="apply_status='1';clearSearch();">已通过-->
<!--</button>-->

<!--</div>-->
<!--<div class="form-inline pull-right">-->
<!--<nz-radio-group [(ngModel)]="sex">-->
<!--<label nz-radio [nzValue]="null">-->
<!--<span>全部</span>-->
<!--</label>-->
<!--<label nz-radio [nzValue]="'1'">-->
<!--<span>男</span>-->
<!--</label>-->
<!--<label nz-radio [nzValue]="'2'">-->
<!--<span>女</span>-->
<!--</label>-->
<!--</nz-radio-group>-->
<!--<label nz-checkbox [(ngModel)]="invited" (ngModelChange)="_console($event)">-->
<!--<span>是否好友邀请</span>-->
<!--</label>-->
<!--<nz-datepicker-->
<!--[nzSize]="'large'"-->
<!--(ngModelChange)="_startDate=$event;_startValueChange()"-->
<!--[(ngModel)]="_startDate"-->
<!--[nzDisabledDate]="_disabledStartDate"-->
<!--nzShowTime-->
<!--[nzFormat]="'YYYY-MM-DD'"-->
<!--[nzPlaceHolder]="'起始时间'">-->
<!--</nz-datepicker>-->
<!--<nz-datepicker-->
<!--[nzSize]="'large'"-->
<!--(ngModelChange)="_endDate=$event;_endValueChange()"-->
<!--[(ngModel)]="_endDate"-->
<!--[nzDisabledDate]="_disabledEndDate" nzShowTime-->
<!--[nzFormat]="'YYYY-MM-DD'"-->
<!--[nzPlaceHolder]="'结束时间'">-->
<!--</nz-datepicker>-->
<!--<select name="" class="form-control" [(ngModel)]="searchType" (ngModelChange)="console($event)">-->
<!--<option value="member_mobile">申请人手机号</option>-->
<!--<option value="invite_member_mobile">邀请人手机号</option>-->
<!--</select>-->
<!--&lt;!&ndash;'apply_status'         => 'integer', //0未认证  1已认证  -1认证失败&ndash;&gt;-->
<!--&lt;!&ndash;'start_date'           => 'date',&ndash;&gt;-->
<!--&lt;!&ndash;'end_date'             => 'date',&ndash;&gt;-->
<!--&lt;!&ndash;'invite_member_mobile' => 'integer',&ndash;&gt;-->
<!--&lt;!&ndash;'member_mobile'        => 'integer',&ndash;&gt;-->
<!--&lt;!&ndash;'invited'              => 'integer'&ndash;&gt;-->
<!--<input type="text" class="form-control" name="searchData" [(ngModel)]="searchData">-->
<!--<button class="btn btn-default" (click)="search();">搜索</button>-->
<!--<button class="btn btn-default" (click)="reset();">重置</button>-->
<!--</div>-->
<!--</div>-->
<!--<div class="table-responsive">-->
<!--<nz-spin [nzTip]="'正在读取审核列表...'" [nzSpinning]="_isSpinning" [nzSize]="'large'" class="admin-spin">-->
<!--<table class="table">-->
<!--<thead>-->
<!--<tr>-->
<!--<th style="width:200px;">申请人名字</th>-->
<!--<th style="width:200px;">申请人手机号</th>-->
<!--<th style="width:200px;">性别</th>-->
<!--<th style="width:200px;">邀请人</th>-->
<!--<th style="width:200px;">邀请人手机号</th>-->
<!--<th style="width:200px;">邀请码</th>-->
<!--<th style="width:400px;">一卡通图/学生证图</th>-->
<!--<th style="width:400px;">微信截图</th>-->
<!--<th style="width:200px;">认证方式</th>-->
<!--<th style="width:200px;">审核状态</th>-->
<!--<th style="width:200px;">审核评论</th>-->
<!--<th style="width:200px;">申请时间</th>-->
<!--<th style="width:200px;">操作</th>-->
<!--&lt;!&ndash;<div></div>&ndash;&gt;-->
<!--</tr>-->
<!--</thead>-->
<!--<tbody>-->
<!--<tr *ngFor="let item of examineList">-->
<!--<td>{{ item.user_name }}</td>-->
<!--<td>{{ item.mobile }}</td>-->
<!--<td>{{ item.sex == '1' ? '男': '女' }}</td>-->
<!--<td>{{ item.member_invite_info ? item.member_invite_info.nickName :'' }}</td>-->
<!--<td>{{ item.member_invite_info ? item.member_invite_info.mobile : '' }}</td>-->
<!--<td>{{ item.member_invite_info ? item.member_invite_info.invite_code : '' }}</td>-->
<!--<td>-->
<!--<img style="width:50px;height:50px;margin-right:10px;cursor: pointer;"-->
<!--src="{{ aliyunOssOutputUrl + '/' + item.check_pic }}" class="task-preview" (click)="showPreview($event)">-->
<!--</td>-->
<!--<td>-->
<!--<img style="width:50px;height:50px;margin-right:10px;cursor: pointer;"-->
<!--src="{{ aliyunOssOutputUrl + '/' + item.weixin_pic }}" class="task-preview"-->
<!--(click)="showPreview($event)">-->
<!--</td>-->
<!--<td *ngIf="item.check_type == 1">学生证</td>-->
<!--<td *ngIf="item.check_type == 2">一卡通</td>-->
<!--<td *ngIf="item.apply_status == 0"><span class="noauth-radio status-radio"></span>未认证</td>-->
<!--<td *ngIf="item.apply_status == 1"><span class="success-radio status-radio"></span>审核通过</td>-->
<!--<td *ngIf="item.apply_status == -1"><span class="error-radio status-radio"></span>审核失败</td>-->
<!--<td>{{ item.remark }}</td>-->
<!--<td>{{ item.created_at }}</td>-->
<!--<td>-->
<!--<a href="javascript:;" *ngIf="item.apply_status == 0" (click)="showPassModal(item)">审核</a>-->
<!--</td>-->
<!--</tr>-->
<!--</tbody>-->
<!--</table>-->
<!--</nz-spin>-->
<!--<div class="text-center">-->
<!--<pagination (pageChanged)="pageChanged($event)" [totalItems]="examineTotal" [(ngModel)]="currentPage"-->
<!--[itemsPerPage]="itemsPerPage"-->
<!--previousText="&lsaquo;" nextText="&rsaquo;" firstText="&laquo;" lastText="&raquo;"-->
<!--[boundaryLinks]="true" class="pagination-sm">-->
<!--</pagination>-->
<!--</div>-->
<!--</div>-->
<!--<app-notification [type]="type" [message]="message" [isShow]="isShow"-->
<!--(promptIsShow)="isShow = $event;"></app-notification>-->

<!--&lt;!&ndash; 通过Modal &ndash;&gt;-->
<!--<div class="modal fade" bsModal #passModal="bs-modal" tabindex="-1">-->
<!--<div class="modal-dialog modal-xs">-->
<!--<div class="modal-content">-->
<!--<div class="modal-header">-->
<!--<h4 class="modal-title pull-left">审核操作</h4>-->
<!--<button type="button" class="close pull-right" aria-label="Close"-->
<!--(click)="passModal.hide();add_apply_status = '1';remark = '';">-->
<!--<span aria-hidden="true">&times;</span>-->
<!--</button>-->
<!--</div>-->
<!--<div class="modal-body">-->
<!--<form #addPassForm="ngForm">-->
<!--<div class="form-group clearfix item-center">-->
<!--<label class="col-md-2">审核选项:</label>-->
<!--<div class="col-md-8">-->
<!--<select name="" id="" class="form-control" [(ngModel)]="add_apply_status"-->
<!--[ngModelOptions]="{standalone: true}">-->
<!--<option value="1">通过</option>-->
<!--<option value="-1">拒绝</option>-->
<!--</select>-->
<!--</div>-->
<!--</div>-->
<!--<div class="form-group clearfix item-center">-->
<!--<label class="col-md-2">评论:</label>-->
<!--<div class="col-md-8">-->
<!--<textarea name="remark" cols="30" rows="2" class="form-control" [(ngModel)]="remark"></textarea>-->
<!--</div>-->
<!--</div>-->
<!--<div class="text-center mt20">-->
<!--<button class="btn btn-default btn-md-long" type="button"-->
<!--(click)="passModal.hide();add_apply_status = '1';remark = ''">取　消-->
<!--</button>-->
<!--<button class="btn btn-success btn-md-long" type="submit" (click)="addPassFormSubmit()">提　交</button>-->
<!--</div>-->
<!--</form>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->


<!--<div class="mask" (click)="closeMask()">-->
<!--<div class="mask-box"></div>-->
<!--<div class="big-pic-wrap">-->
<!--<div class="bigPic" [ngStyle]="{ 'background-image':'url('+editSrc+')'}"></div>-->
<!--<span class="close-pic"><i class="fa fa-close"></i></span>-->
<!--</div>-->
<!--</div>-->


<div class="form-group clearfix">
  <div class="form-inline pull-left">
    <button type="button" class="btn"
            [ngClass]="{'btn-success': apply_status === '','btn-default': apply_status !== ''}"
            (click)="apply_status='';clearSearch();">全部
    </button>
    <button type="button" class="btn"
            [ngClass]="{'btn-success': apply_status === '0','btn-default': apply_status !== '0'}"
            (click)="apply_status='0';clearSearch();">待审核
    </button>
    <button type="button" class="btn"
            [ngClass]="{'btn-success': apply_status === '-1','btn-default': apply_status !== '-1'}"
            (click)="apply_status='-1';clearSearch();">未通过
    </button>
    <button type="button" class="btn"
            [ngClass]="{'btn-success': apply_status == '1','btn-default': apply_status !== '1'}"
            (click)="apply_status='1';clearSearch();">已通过
    </button>

  </div>
  <div class="form-inline pull-right">
    <nz-radio-group [(ngModel)]="sex">
      <label nz-radio [nzValue]="null">
        <span>全部</span>
      </label>
      <label nz-radio [nzValue]="'1'">
        <span>男</span>
      </label>
      <label nz-radio [nzValue]="'2'">
        <span>女</span>
      </label>
    </nz-radio-group>
    <nz-datepicker
      [nzSize]="'large'"
      (ngModelChange)="_startDate=$event;_startValueChange()"
      [(ngModel)]="_startDate"
      [nzDisabledDate]="_disabledStartDate"
      nzShowTime
      [nzFormat]="'YYYY-MM-DD'"
      [nzPlaceHolder]="'起始时间'">
    </nz-datepicker>
    <nz-datepicker
      [nzSize]="'large'"
      (ngModelChange)="_endDate=$event;_endValueChange()"
      [(ngModel)]="_endDate"
      [nzDisabledDate]="_disabledEndDate" nzShowTime
      [nzFormat]="'YYYY-MM-DD'"
      [nzPlaceHolder]="'结束时间'">
    </nz-datepicker>
    <select name="" class="form-control" [(ngModel)]="searchType" (ngModelChange)="console($event)">
      <option value="member_mobile">申请人手机号</option>
    </select>
    <input type="text" class="form-control" name="searchData" placeholder="请输入手机号" [(ngModel)]="searchData" (keydown)="keyDown($event)">
    <button class="btn btn-success" (click)="search();">搜索</button>
    <button class="btn btn-default" (click)="reset();">重置</button>
  </div>
</div>
<div class="table-responsive">
  <nz-spin [nzTip]="'正在读取审核列表...'" [nzSpinning]="_isSpinning" [nzSize]="'large'" class="admin-spin">
    <table class="table">
      <thead>
      <tr>
        <th style="width:200px;">申请人名字</th>
        <th style="width:200px;">申请人手机号</th>
        <th style="width:200px;">性别</th>
        <th style="width:200px;">职业</th>
        <th style="width:200px;">审核状态</th>
        <th style="width:200px;">审核评论</th>
        <th style="width:200px;">申请时间</th>
        <th style="width:200px;">操作</th>
      </tr>
      </thead>
      <tbody>
      <tr *ngFor="let item of examineList">
        <td  style="width:200px;word-break: break-all;">{{ item.user_name }}</td>
        <td>{{ item.mobile }}</td>
        <td>{{ item.sex == '1' ? '男': '女' }}</td>
        <td *ngIf="item.job != 1 && item.job != 2 && item.job != 3"></td>
        <td *ngIf="item.job == 1">学生</td>
        <td *ngIf="item.job == 2">上班族</td>
        <td *ngIf="item.job == 3">其他</td>
        <td *ngIf="item.apply_status == 0"><span class="noauth-radio status-radio"></span>未认证</td>
        <td *ngIf="item.apply_status == 1"><span class="success-radio status-radio"></span>审核通过</td>
        <td *ngIf="item.apply_status == -1"><span class="error-radio status-radio"></span>审核失败</td>
        <td>{{ item.remark }}</td>
        <td>{{ item.created_at }}</td>
        <td>
          <a href="javascript:;" *ngIf="item.apply_status == 0" (click)="showPassModal(item)">审核</a>
        </td>
      </tr>
      </tbody>
    </table>
  </nz-spin>
  <div class="text-center">
    <pagination (pageChanged)="pageChanged($event)" [totalItems]="examineTotal" [(ngModel)]="currentPage"
                [itemsPerPage]="itemsPerPage"
                [maxSize]="10"
                previousText="&lsaquo;" nextText="&rsaquo;" firstText="&laquo;" lastText="&raquo;"
                [boundaryLinks]="true" class="pagination-sm">
    </pagination>
  </div>
</div>
<app-notification [type]="type" [message]="message" [isShow]="isShow"
                  (promptIsShow)="isShow = $event;"></app-notification>

<!-- 通过Modal -->
<div class="modal fade" bsModal #passModal="bs-modal" tabindex="-1">
  <div class="modal-dialog modal-xs">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title pull-left">审核操作</h4>
        <button type="button" class="close pull-right" aria-label="Close"
                (click)="passModal.hide();add_apply_status = '1';remark = '';">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form #addPassForm="ngForm">
          <div class="form-group clearfix item-center">
            <label class="col-md-2">审核选项:</label>
            <div class="col-md-8">
              <select name="" id="" class="form-control" [(ngModel)]="add_apply_status"
                      [ngModelOptions]="{standalone: true}">
                <option value="1">通过</option>
                <option value="-1">拒绝</option>
              </select>
            </div>
          </div>
          <div class="form-group clearfix item-center">
            <label class="col-md-2">评论:</label>
            <div class="col-md-8">
              <textarea name="remark" cols="30" rows="2" class="form-control" [(ngModel)]="remark"></textarea>
            </div>
          </div>
          <div class="text-center mt20">
            <button class="btn btn-default btn-md-long" type="button"
                    (click)="passModal.hide();add_apply_status = '1';remark = ''">取　消
            </button>
            <button class="btn btn-success btn-md-long" type="submit" (click)="addPassFormSubmit()">提　交</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
